<script setup>
import ContentPart from "@/Template/ContentPart.vue";
import {inject, computed} from "vue";
import IntroPart from "@/Template/IntroPart.vue";

const cache = inject("category");

const visibleProject = computed(function (){
  if (cache.value !== 2) {
    return false;
  } else {
    return true;
  }
})


</script>

<template>
  <div class="container">
    <intro-part>
      <template #title></template>
      <template #content>
        掌握Linux系统操作，独立完成Nginx虚拟主机的配置与应用部署。<br>
        熟悉JavaSE后端开发。<br>
        熟悉MySQL数据库的操作。
      </template>
    </intro-part>
    <intro-part>
      <template #title>
        项目履历
      </template>
    </intro-part>
  <content-part>
    <template #title>
      mikufans.net 初音未来中文站
    </template>
    <template #content>
      负责基于WordPress架构的网站前端维护，确保网站功能稳定运行，提升用户体验。<br>
      负责本网站的正常运行和应急响应，在网站运行期间维持网站在较高的访问压力下正常运转。<br>
      通过维护网站UI设计与代码逻辑，保证网站在各个用户端的兼容性和可读性，并针对残障用户体验优化代码。<br>
      保证本网站在运行阶段内的正常阅览，避免来自恶意地址的访问和垃圾信息注入。<br>
    </template>
  </content-part>
  </div>
</template>

<style scoped>
.container{
  display: v-bind(visibleProject ? "flex" : "none");
  flex:0 1;
  flex-flow: column wrap;
  width: 1200px;
}

</style>